<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
	<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
	<title>尚小惠商城--微信支付页</title>
	<link rel="icon" href="/assets/img/favicon.ico">


	<link rel="stylesheet" type="text/css" href="css/webbase.css" />
	<link rel="stylesheet" type="text/css" href="css/pages-weixinpay.css" />
	<link rel="stylesheet" href="https://unpkg.com/view-design/dist/styles/iview.css">
</head>

<body>

	<!--页面顶部白条条，由js动态加载-->
	<script type="text/javascript" src="plugins/jquery/jquery.min.js"></script>

	<div class="top"></div>
	<script type="text/javascript">$(".top").load("shortcut.html");</script>

	<div id="payApp">


		<div class="cart py-container">
			<!--logoArea-->
			<div class="logoArea">
				<div class="fl logo"><span class="title">收银台</span></div>
			</div>
			<!--主内容-->

			<a href="payfail.html">支付失败演示页</a>
			<a href="paysuccess.html">支付成功演示页</a>


			<div class="checkout py-container  pay">
				<div class="checkout-tit">
					<h4 class="fl tit-txt"><span class="success-icon"></span><span
							class="success-info">订单提交成功，请您及时付款！订单号：{{seckillId}}</span></h4>
					<span class="fr"><em class="sui-lead">应付金额：</em><em class="orange money">￥{{ly.formatPrice(price)}}</em>元</span>
					<div class="clearfix"></div>
				</div>
				<div class="checkout-steps">
					<div class="fl weixin">微信支付</div>
					<div class="fl sao">
						<!-- <p class="red">二维码已过期，刷新页面重新获取二维码。</p> -->
						<div class="fl code">
							<img src="http://image.leyou.com/payCode/payCode.jpg" style="width: 200px;height: 300px;" alt="">
							<!-- <div class="saosao">
								<p>请使用微信扫一扫</p>
								<p>扫描二维码支付</p>
							</div> -->
						</div>
						<div class="fl phone">
							<i-button @click="isPay()" type="primary">支付</i-button>
						</div>

					</div>
					<div class="clearfix"></div>
					<p><a href="pay.html" target="_blank">> 其他支付方式</a></p>
				</div>
			</div>

		</div>

	</div>


	<!-- 底部栏位 -->
	<!--页面底部，由js动态加载-->
	<div class="clearfix footer"></div>
	<script type="text/javascript">$(".footer").load("foot.html");</script>
	<!--页面底部END-->


	<script type="text/javascript" src="js/plugins/jquery/jquery.min.js"></script>
	<script type="text/javascript" src="js/plugins/jquery.easing/jquery.easing.min.js"></script>
	<script type="text/javascript" src="js/plugins/sui/sui.min.js"></script>
	<script type="text/javascript" src="js/widget/nav.js"></script>
	<script type="text/javascript">
		$(function () {
			$("ul.payType li").click(function () {
				$(this).css("border", "2px solid #E4393C").siblings().css("border-color", "#ddd");
			})
		})

	</script>

<script src="./js/vue/vue.js"></script>
<script src="./js/axios.min.js"></script>
<script src="./js/common.js"></script>
<script src="https://unpkg.com/view-design/dist/iview.min.js"></script>
<script type="text/javascript">

	var payInfoVm = new Vue({
		  el: "#payApp",
      data: {
				ly,
				seckillId: "",
				price: 0,
      },
      created() {
				ly.http.get("/auth/verify").then(res => {
					
					this.seckillId = ly.getUrlParam("seckillId");
          ly.http.get("/seckill/order/" + this.seckillId).then(({data}) => {
							if(data.status == 2){
								// 已付款，无序付款
								window.location = "http://www.leyou.com/paysuccess.html?price=" + data.price;
							}
              this.price = data.price;
					})
        }).catch(() => {
          window.location = "http://www.leyou.com/login.html?returnUrl=http://www.leyou.com/pay.html?seckillId=" + this.seckillId;
        })
      },
      computed: {
        
      },
      methods: {
        isPay(){
					ly.http.put("/order/order/" + this.seckillId + "/2").then(({data}) => {
							window.location = "http://www.leyou.com/paysuccess.html?price=" + this.price;
					})
				}
      },
      components: {
        shortcut: () => import("/js/pages/shortcut.js")
      }
	})
</script>

</body>

</html>